<template>
  <ul>
    <li v-if="meta.photos.length" class="m-detail-item">
      <dl class="section">
        <dd><img :src="meta.photos[0].url"></dd>
        <dd>
          <h4>{{meta.name}}</h4>
          <p>
            <span v-if="meta.biz_ext && meta.biz_ext.ticket_ordering">剩余: {{Number(meta.biz_ext.ticket_ordering)}}</span>
            <span v-if="meta.deadline">截止日期: {{meta.deadline}}</span>
          </p>

          <p>
            <span class="price">
              {{Number(meta.biz_ext.cost)}}
            </span>
            <sub>门店价{{Number(meta.biz_ext.cost)}}</sub>
          </p>
        </dd>
        <dd>
          <el-button type="warning" round @click="createCart">立即抢购</el-button>
        </dd>
      </dl>
    </li>
  </ul>
</template>
<script>
export default {
  props: {
    meta: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  methods: {
    async createCart() {

    }
  }
}
</script>